// pages/collected/index.js
import mock from '../../mock/index'
import commonEvent from '../../behaviors/common-event'

Page({
  behaviors: [commonEvent],

  /**
   * 页面的初始数据
   */
  data: {
    showPopup: false,
    products: mock.products,
    product: {},
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  // 显示页面弹出容器
  onShowPopup(event) {
    // 保存当前按钮传递的数据
    this.setData({
      showPopup: true,
      product: event.detail
    })
    // 改变 transform 状态，使其执行 Hero 动画
    this.data.product.toggleTransform()
  },

  // 关闭弹窗
  onClosePopup() {
    this.setData({
      showPopup: false,
    })
  },

  // 滑动关闭弹窗后
  onPopupLeave() {
    // 调用当前按钮的回调方法 改变 transform 状态
    this.data.product.toggleTransform()
  },

  // 点击跳转
  onBtnPress(event) {
    const product = event.detail
    this.onOpenLink(product)
  },
})